<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <style type="text/css">
        body, html, #allmap {
            width: 95%;
            height: 95%;
        }
    </style>
</head>
<body>
<div id="allmap"></div>

<th:block th:include="include :: footer"/>
<script type="text/javascript" th:src="${@config.baiduKey()}"></script>
<script type="text/javascript"
        src="https://api.map.baidu.com/library/AreaRestriction/1.2/src/AreaRestriction_min.js"></script>
<!--<script type="text/javascript" th:src="@{/visual/js/baidu_map.js}"></script>-->
<script type="text/javascript" th:src="@{/leshu/baidu/init.v2.js}"></script>
<script th:inline="javascript"> var ctx = [[@{
    /}]]; </script>
<script th:inline="javascript">
    // $.baiduMap.init();
    //坐标验证
    var regx = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,6})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6}|180)+,(\-|\+)?([0-8]?\d{1}\.\d{0,6}|90\.0{0,6}|[0-8]?\d{1}|90)+$/;
    //获取输入框坐标
    var selectPoint = $("#coordinates input").val();


    var option = {
        id: 'allmap',
        //行政区域边线边框厚度
        fillOpacity: 0.9,
        //行政区域边线颜色
        strokeColor: "#020202",
        //隐藏区域颜色
        fillColor: "#3a65cb",
        //百度地图 样式id
        styleId: 'a90623b4ac9146a6e5381b6fa7c8cd3a',
        //地图POI 点击信息
        enableMapClick: false,
        // 限定展示区域
        areaRestriction: true,
        //设置地图最小级别
        minZoom: 1,
        //设置地图最大级别
        maxZoom: 18,
        //区域点击事件
        click: false,
        //添加区域标签
        centerlabel: false,
        showCitys: ['河北省'],
        citysList: [],
    };
    var prefix = ctx + "yf/reports";

    $.post(prefix + "/getHospitalWeightBagPoint", null, function (res) {
        console.log(res);
        if (res.code === 0) {
            option.citysList = res.rows;
            $.baidu.init(option);
        }
    });


    //
    //
    // var map = new BMap.Map("allmap",
    //     {
    //         enableMapClick: option.enableMapClick,
    //         minZoom: option.minZoom,
    //         maxZoom: option.maxZoom
    //     }); // 创建地图实例，禁止点击地图底图
    // //设置样式
    // map.setMapStyle({
    //     styleJson: [
    //         {//不显示点信息
    //             "featureType": "poi",
    //             "elementType": "all",
    //             "stylers": {
    //                 "color": "rgb(212,63,63)",
    //                 "visibility": "off"
    //             }
    //         }
    //     ]
    // });
    // //事件
    // // map.disableDragging();//禁止拖动
    // // map.disableDoubleClickZoom();//禁止双击缩放
    // //添加缩放比例尺
    // function add_control() {
    //     var top_left_control = new BMap.ScaleControl(
    //         {anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
    //     var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
    //     var top_right_navigation = new BMap.NavigationControl({
    //         anchor: BMAP_ANCHOR_TOP_RIGHT,
    //         type: BMAP_NAVIGATION_CONTROL_SMALL
    //     }); //右上角，仅包含平移和缩放按钮
    //     // 添加带有定位的导航控件
    //     var navigationControl = new BMap.NavigationControl({
    //         // 靠左上角位置
    //         anchor: BMAP_ANCHOR_TOP_LEFT,
    //         // LARGE类型
    //         type: BMAP_NAVIGATION_CONTROL_LARGE,
    //         // 启用显示定位
    //         enableGeolocation: true
    //     });
    //
    //     /*缩放控件type有四种类型: BMAP_NAVIGATION_CONTROL_SMALL：仅包含平移和缩放按钮；BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮；BMAP_NAVIGATION_CONTROL_ZOOM：仅包含缩放按钮*/
    //     // map.addControl(top_left_control);
    //     map.addControl(top_left_navigation);
    //     // map.addControl(top_right_navigation);
    //     // map.addControl(navigationControl);
    //
    //     if (option.styleId)
    //         map.setMapStyleV2({//网络id
    //             styleId: option.styleId
    //         });
    // }
    //
    // var blist = [];
    // var districtLoading = 0;
    //
    // //添加医院
    // function getBoundary() {
    //
    //     // addDistrict("中国");
    //     // addDistrict("河南省");
    //     addDistrict("浙江省");
    // }
    //
    // /**
    //  * 添加行政区划
    //  * @param {} districtName 行政区划名
    //  * @returns  无返回值
    //  */
    // function addDistrict(districtName) {
    //     if (true) {
    //         map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 6);
    //         map.enableScrollWheelZoom();
    //     } else {
    //         //使用计数器来控制加载过程
    //         districtLoading++;
    //         var bdary = new BMap.Boundary();
    //         bdary.get(districtName, function (rs) {       //获取行政区域
    //             var count = rs.boundaries.length; //行政区域的点有多少个
    //             if (count === 0) {
    //                 alert('未能获取当前行政区域');
    //                 return;
    //             }
    //             for (var i = 0; i < count; i++) {
    //                 blist.push({points: rs.boundaries[i], name: districtName});
    //             }
    //             //加载完成区域点后计数器-1
    //             districtLoading--;
    //             if (districtLoading == 0) {
    //                 //全加载完成后画端点
    //                 drawBoundary();
    //             }
    //         });
    //     }
    // }
    //
    //
    // /**
    //  * 各种鼠标事件绑定
    //  */
    // function click(evt) {
    //     console.log(evt.target.name);
    // }
    //
    // function mouseover(evt) {
    //     evt.target.label.setZIndex(99);
    //     evt.target.label.setPosition(evt.point);
    //     evt.target.label.show();
    // }
    //
    // function mousemove(evt) {
    //     evt.target.label.setPosition(evt.point);
    // }
    //
    // function mouseout(evt) {
    //     evt.target.label.hide();
    // }
    //
    // //
    // function drawBoundary() {
    //     //包含所有区域的点数组
    //     var pointArray = [];
    //
    //     /*画遮蔽层的相关方法
    //     *思路: 首先在中国地图最外画一圈，圈住理论上所有的中国领土，然后再将每个闭合区域合并进来，并全部连到西北角。
    //     *这样就做出了一个经过多次西北角的闭合多边形
    //     **/
    //     var SE_JW = {lat: 180.0, lng: 73.0};        //东南角
    //     var EN_JW = {lat: 180.0, lng: 136.0};         //东北角
    //     var NW_JW = {lat: 3.0, lng: 136.0};       //西北角
    //     var WS_JW = {lat: 3.0, lng: 73.0};       //西南角
    //
    //     //定义中国东南西北端点，作为第一层
    //     var pNW = {lat: 59.0, lng: 73.0}
    //     var pNE = {lat: 59.0, lng: 136.0}
    //     var pSE = {lat: 3.0, lng: 136.0}
    //     var pSW = {lat: 3.0, lng: 73.0}
    //
    //     //向数组中添加一次闭合多边形，并将西北角再加一次作为之后画闭合区域的起点
    //     var pArray = [];
    //     pArray.push(pSE);
    //     pArray.push(pNE);
    //     pArray.push(pNW);
    //     pArray.push(pSW);
    //     pArray.push(pSE);
    //
    //     // pArray.push(SE_JW);
    //     // pArray.push(WS_JW);
    //     // pArray.push(NW_JW);
    //     // pArray.push(EN_JW);
    //     // pArray.push(SE_JW);
    //
    //     //循环添加各闭合区域
    // //     for (var i = 0; i < blist.length; i++) {
    // //
    // //         //添加多边形层并显示
    // //         var ply = new BMap.Polygon(blist[i].points, {
    // //             strokeWeight: 1,
    // //             strokeColor: option.strokeColor,
    // //             fillOpacity: 0.01,
    // //             fillColor: "#130202"
    // //         });
    // //
    // //         //建立多边形覆盖物
    // //         if (option.click) {
    // //             //添加显示用标签层
    // //             var label = new BMap.Label(blist[i].name, {offset: new BMap.Size(20, -10)});
    // //             label.hide();
    // //             map.addOverlay(label);
    // //             ply.name = blist[i].name;
    // //             ply.label = label;
    // //             ply.addEventListener("click", click);
    // //
    // //             ply.addEventListener("mouseover", mouseover);
    // //             ply.addEventListener("mouseout", mouseout);
    // //             ply.addEventListener("mousemove", mousemove);
    // //         }
    // //         map.addOverlay(ply);
    // //
    // //         if (option.centerlabel) {
    // //             //添加名称标签层
    // //             var centerlabel = new BMap.Label(blist[i].name, {offset: new BMap.Size(0, 0)});
    // //             centerlabel.setPosition(ply.getBounds().getCenter());
    // //             map.addOverlay(centerlabel);
    // //         }
    // //
    // //         //将点增加到视野范围内
    // //         var path = ply.getPath();
    // //         pointArray = pointArray.concat(path);
    // //         //将闭合区域加到遮蔽层上，每次添加完后要再加一次西北角作为下次添加的起点和最后一次的终点
    // //         pArray = pArray.concat(path);
    // //         pArray.push(pArray[0]);
    // //     }
    // //
    // //     //限定显示区域，需要引用api库
    // //     var boundply = new BMap.Polygon(pointArray);
    // //     //限制区域范围
    // //     BMapLib.AreaRestriction.setBounds(map, boundply.getBounds());
    // //     map.setViewport(pointArray);    //调整视野
    // //
    // //     //添加遮蔽层
    // //     var plyall = new BMap.Polygon(pArray, {
    // //         strokeOpacity: 0.0000001,
    // //         strokeColor: "#4e0fc7",
    // //         strokeWeight: 0.00001,
    // //         fillColor: option.fillColor,
    // //         fillOpacity: option.fillOpacity
    // //     }); //建立多边形覆盖物
    // //     map.addOverlay(plyall);
    // //     //添加控件
    // //     add_control();
    // // }
    //
    // setTimeout(function () {
    //     getBoundary();
    // }, 100);


</script>
</body>
</html>